<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ include file="/common/taglibs.jsp" %>
<%@page contentType="text/html;charset=UTF-8" %>
<%@page pageEncoding="UTF-8" %>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css"
          href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css"/>
    <link rel="stylesheet" type="text/css"
          href="http://yui.yahooapis.com/2.9.0/build/paginator/assets/skins/sam/paginator.css"/>
    <link rel="stylesheet" type="text/css"
          href="http://yui.yahooapis.com/2.9.0/build/datatable/assets/skins/sam/datatable.css"/>
    <link rel="stylesheet" type="text/css"
          href="http://yui.yahooapis.com/2.9.0/build/container/assets/skins/sam/container.css">
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/menu/assets/skins/sam/menu.css">
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/layout/assets/layout-core.css">

    <link type="text/css" rel="stylesheet" href="/static/styles/global.css"/>
    <link type="text/css" rel="stylesheet" href="/static/styles/main.css"/>

    <!--DataTable-->
    <script type="text/javascript"
            src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript"
            src="http://yui.yahooapis.com/2.9.0/build/event-delegate/event-delegate-min.js"></script>

    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/connection/connection-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/json/json-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/paginator/paginator-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/datasource/datasource-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/datatable/datatable-min.js"></script>

    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/layout/layout-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/history/history-min.js"></script>

    <script type="text/javascript"
            src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript"
            src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-sliderAccess.js"></script>
    <script type="text/javascript"
            src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-timepicker-addon.js"></script>
    <link type="text/css" rel="stylesheet"
          href="${static_server_root}/static/scripts/timepicker/js/jquery-ui-timepicker-addon.css"/>
    <link type="text/css" rel="stylesheet"
          href="${static_server_root}/static/scripts/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css"/>

    <script type="text/javascript" src="${static_server_root}/static/scripts/card/card.js"></script>

    <script type="text/javascript">
        $(function () {
            $('#startDate').datepicker({dateFormat: "yy-mm-dd"});
            $('#endDate').datepicker({dateFormat: "yy-mm-dd"});
        });

    </script>
</head>
<body>

<div class="operator-btn">
    <div>
        <input type="button" id="returnListBtn" name="returnUserListBtn"
               value='返回星卡查询'>
        <input type="button" id="refreshBtn" name="refreshUserEditBtn"
               value='<fmt:message key="refresh"/>'>
    </div>
</div>
<div class="operator-btn" style="padding-left: 10px;">
    <table cellspacing="0" class="yui-skin-sam noborder_table" style="width: 100%">

        <tr>
            <td>
                <label for="cardId">卡号:</label>
            </td>
            <td>
                <span id="cardId">${userCard.cardId}</span>
            </td>
            <td>
                <label for="username">帐号(username):</label>
            </td>
            <td>
                <span id="username">${userCard.user.username}</span>
            </td>
            <td>
                <label for="cardParValue">星币值:</label>
            </td>
            <td>
                <span id="cardParValue">${userCard.cardParValue}</span>
            </td>
            <td>
                <label for="cardBalance">余额:</label>
            </td>
            <td>
                <span id="cardBalance">${userCard.cardBalance}</span>
            </td>
            <td>
                <label for="cardLockedBalance">锁币:</label>
            </td>
            <td>
                <span id="cardLockedBalance">${userCard.cardLockedBalance}</span>
            </td>
        </tr>
        <tr>
            <td>
                <label for="cardActivationDate">冲值时间:</label>
            </td>
            <td>
                <span id="cardActivationDate">${userCard.cardActivationDate}</span>
            </td>
            <td>
                <label for="cardExpirationDate">过期时间:</label>
            </td>
            <td>
                <span id="cardExpirationDate">${userCard.cardExpirationDate}</span>
            </td>
            <td>
                <label for="remark">备注:</label>
            </td>
            <td>
                <span id="remark">${userCard.remark}</span>
            </td>
            <td colspan="5"></td>
        </tr>
    </table>
</div>

<div class="yui-g">
    <fieldset>
        <legend>消费详情</legend>
        <div id="card_transaction_table"></div>
        <div id="card-transaction-paging" class="paging"></div>
    </fieldset>
</div>
</body>
</html>
